/***************
* ul.theList is very useful. Srsly.
****************/

ul.theList li div.content a {

}
  
ul.theList {
    margin-bottom: 1.5em;
}
    ul.theList h3 {
		clear: both;
		display: block;
		padding-bottom: 5px;
		border-bottom: 1px solid #bbb;
    }
		ul.theList h3.thedate {
                padding-top: 1.5em;
                position: relative;
                clear: both;
                display: block;
		}

    ul.theList li {
                position: relative;
        display: block;
        padding: 0.75em 4px 0.75em 0;
        border-bottom: 1px solid #ddd;  clear: both;
    }
    ul.theList li.first {
        border-top: 1px solid #ddd;
    }
    ul.theList li a {
        text-decoration: none;
    }
    ul.theList li div.meta {

        width: 13%;
        margin-right: 4%;
        color: white;
        float: left;
		text-align: right;
    }
        ul.theList li div.meta span {
        float: right;
		margin-top: 2px;
    }
    ul.theList li div.content {
        float: left;
        margin-bottom: 0;
    }
        ul.theList li div.content p {
        margin: 0 0 1em;      line-height: 1.5;       display: block;  color: #222;
    }
        div.sidecolumn ul.theList li div.content p {
        margin: 0.5em 0 0.5em 0;        line-height: 1.4; 
    }
        ul.theList li div.content h3 {
        font-size: 13px;
                font-weight: bold;
                margin: 0;
                margin-bottom: 1em; 
                line-height: 1.3;
    }
        ul.theList li div.content form.inplace_form textarea { width: 480px;}
        
        ul.theList li.dismiss a.makepublic, ul.theList li.dismiss a.deleteActivity { 
        display: none; 
        }
        a.dismiss.all {
                position: absolute !important; float: none; right: 0px; top: 3px;
        }
        ul.theList li a.deleteActivity {  }
        
    ul.theList li div.meta a.gravatar {
        display: block;
        clear: right;
        line-height: 1.1em;
		text-align: right;
        outline: none;
margin-top: 30px;
        padding-top: 52px;
        width: 100%;
        background-image: url(BASEURL/assets/epicentr/images/defaultperson.png);
        background-position: top right;
        background-repeat: no-repeat;
    }

/* dismissed list items */
        ul.theList li.dismiss,ul.theList li.complete,ul.theList li.dismiss a,ul.theList li.complete a { color: grey; }
        ul.theList li.dismiss a:hover,ul.theList li.complete a:hover {  color: #0065A4; }
        ul.theList li.dismiss div.content p,ul.theList li.dismiss div.meta a.gravatar,ul.theList li.complete div.content p,ul.theList li.complete div.meta a.gravatar { display: none; }

    
    /* maincolumn specific */
	ul.theList li div.content    { width: 82%; }
	ul.theList li div.content p  { width: 100%; }

    /* sidecolumn specific */
        div.sidecolumn ul.theList       { margin-bottom: 0; }
        div.sidecolumn ul.theList li div.meta           { width: 45px; }
        div.sidecolumn ul.theList li div.content        { margin-top: 0.4em; } 
        div.sidecolumn ul.theList li div.content h3 {  }
        div.sidecolumn ul.theList li div.content h3 {
        font-size: 11px;
                font-weight: normal;
                margin: 0; 
                line-height: 1.34;
    }
        div.sidecolumn ul.theList li a.complete, div.sidecolumn ul.theList li a.notcomplete {
        float: right;
    }
    div.sidecolumn ul.theList li {
        border-bottom: 1px solid #ccc;
                padding-left: 0px;
    }

	div.attached { border-left: 2px solid #ccc; padding: 0 10px 0 10px; margin-top: 1em; }
	li.dismiss div.attached { margin-top: 0em; }
	div.attached p { margin: 0 !important; }
	h4.attached { background: url(/epicentr/assets/epicentr/images/icons/fff/attach.png) no-repeat 0 20px; padding-left: 20px; margin-bottom: 0 !important; padding-top: 20px; }


	span.comment,
	a.comment,
	span.milestone,
	a.milestone,
	span.deadline,
	a.deadline,
	span.task,
	a.task,
	span.cost,
	a.cost,
	span.department,
	a.department 		{ font-size: 10px; text-decoration: none; color: white; margin: 0; padding: 3px 5px; line-height: 10px; }


	span.comment,
	a.comment			{ background-color: green; }
	span.milestone,
	a.milestone			{ background-color: blue; }
	span.deadline,
	a.deadline			{ background-color: red; }
	span.task,
	a.task				{ background-color: #c3722d; }
	span.cost,
	a.cost				{ background-color: #4b1f4d; }
	span.department,
	a.department		{ background-color: black; }

	span.show a:hover	{ color: #fff !important; }




	/* Milestones */

	ul.milestones { width: 655px; }
	li.milestone { clear: both; width: 655px; padding: 10px 0; border-bottom: 1px solid #ccc; }

	li.milestone .completion {  }
	li.milestone h4 { clear: both; font-size: 1.5em; }
	li.milestone p.responsable { color: #888; float: left; margin-bottom: 0.4em !important; margin-right: 1.5em; }
	li.milestone p.dates { color: #888; float: left; margin-bottom: 0.4em !important; }
	li.milestone a.delete { float: right; }
	li.milestone input.milestonecheck { margin: 0 3px; }



	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}